<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>确认订单</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="full-screen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="address=no">
    <script src="../../js/jquery-2.1.1.min.js"></script>
    <script src="../../js/vue.js"></script>
    <script type="text/javascript">
        var docEl = document.documentElement;
        var clientWidth = docEl.clientWidth;
        docEl.style.fontSize = (clientWidth / 10) + 'px';
        $(document).ready(function () {
            (function (doc, win) {
                var docEl = doc.documentElement,
                        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                        recalc = function () {
                            var clientWidth = docEl.clientWidth;
                            docEl.style.fontSize = (clientWidth / 10) + 'px';
                        };

                if (!doc.addEventListener) return;
                win.addEventListener(resizeEvt, recalc, false);
                doc.addEventListener('DOMContentLoaded', recalc, false);
            })(document, window);
        });
    </script>
    <link rel="stylesheet" href="../../style/css/index.css"/>
    <link rel="stylesheet" href="../../css/mui.css"/>
</head>
<body id="body">
<div style="background: #f7f7f7;width: 100%;height: 100%">
    <!--header-->
    <div class="header">
        <img class="back" src="../../style/images/sg_ic_back.png" alt=""/>

        <p class="orderName">购物车</p>
    </div>
    <!-- content-->
    <div class="contactWay" style="padding-bottom:0;">
        <div class="sp_banner">
            <div class="sp_again">复购</div>
            <span class="sp_title">重复购买享更多折扣</span>

            <div class="clear"></div>
        </div>
        <ul id="OA_task_1" class="sp_goods mui-table-view">
            <li style="position:relative;">
                <!-- <div class="mui-slider-right mui-disabled">
                    <a class="mui-btn mui-btn-red delete">删除</a>
                </div> -->
                <div class="mui-slider-handle">
                    <div class="chick mui-input-row mui-checkbox mui-left" style="overflow:visible;">
                        <input name="checkbox1 check-one check" type="checkbox" style="left:0;top:0;">
                    </div>
                    <div style="width: 85%;margin-bottom: 10px;float:left">
                        <img class="food_pic" src="" alt=""/>

                        <div class="food_name" style="width:4.8rem;">
                            <p style="    width: 4.8rem;">asdfasd</p>
                            <span class="price" style="float: left;margin-top: 10px;">20</span>
                            <span class="subtotal" style="display:none;">20</span>
                            <div style="position: absolute;right: 10px;bottom: 17px;height: 24px;">
                                <div class="count">
                                    <span class="reduce"></span>
                                    <input style="width: 20px;height: 23px;padding:0;" class="count-input count" id="count" type="text" value="1"/>
                                    <span class="add">+</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </li>
            <li style="position:relative;">
                <!-- <div class="mui-slider-right mui-disabled">
                    <a class="mui-btn mui-btn-red delete">删除</a>
                </div> -->
                <div class="mui-slider-handle">
                    <div class="chick mui-input-row mui-checkbox mui-left" style="overflow:visible;">
                        <input name="checkbox1 check-one check" type="checkbox" style="left:0;top:0;">
                    </div>
                    <div style="width: 85%;margin-bottom: 10px;float:left">
                        <img class="food_pic" src="" alt=""/>

                        <div class="food_name" style="width:4.8rem;">
                            <p style="    width: 4.8rem;">asdfasd</p>
                            <span class="price" style="float: left;margin-top: 10px;">10</span>
                            <span class="subtotal" style="display:none;">10</span>
                            <div style="position: absolute;right: 10px;bottom: 17px;height: 24px;">
                                <div class="count">
                                    <span class="reduce"></span>
                                    <input style="width: 20px;height: 23px;padding:0;" class="count-input count" type="text" value="1"/>
                                    <span class="add">+</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </li>
             <li style="position:relative;">
                <!-- <div class="mui-slider-right mui-disabled">
                    <a class="mui-btn mui-btn-red delete">删除</a>
                </div> -->
                <div class="mui-slider-handle">
                    <div class="chick mui-input-row mui-checkbox mui-left" style="overflow:visible;">
                        <input name="checkbox1 check-one check" type="checkbox" style="left:0;top:0;">
                    </div>
                    <div style="width: 85%;margin-bottom: 10px;float:left">
                        <img class="food_pic" src="" alt=""/>

                        <div class="food_name" style="width:4.8rem;">
                            <p style="    width: 4.8rem;">asdfasd</p>
                            <span class="price" style="float: left;margin-top: 10px;">1</span>
                            <span class="subtotal" style="display:none;">1</span>
                            <div style="position: absolute;right: 10px;bottom: 17px;height: 24px;">
                                <div class="count">
                                    <span class="reduce"></span>
                                    <input style="width: 20px;height: 23px;padding:0;" class="count-input count" type="text" value="1"/>
                                    <span class="add">+</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </li>
        </ul>
    </div>

</div>
<!--footer-->
<div class="footer foot">
    <span>合计：</span>
    <span style="font-size: 18px;margin: 5px;" id="priceTotal">￥0.00</span>

    <div class="pay">立即购买</div>
</div>
<!-- <script src="../../js/mui.min.js"></script> -->
<script src="../../js/md5.js"></script>
<script src="../../js/md5_need.js"></script>
<script src="../../js/queryString.js"></script>-
<script src="../../js/shopchart.js"></script>
<script type="text/javascript" charset="utf-8">
    // mui.init();
    // (function ($) {

    //     $('#OA_task_1').on('tap', '.mui-btn', function (event) {
    //         var elem = this;
    //         var li = elem.parentNode.parentNode;
    //     });
    // })(mui);
    $(document).ready(function () {
        var shoppingCartJs = {
            cardList: function () {
                http({
                    apiCode: '_card_list_001',
                    userToken: "86b427f571d452f17272b356061a1db2"
                }, function (respond) {
                    console.log(respond);
                    var info = respond.info;
                    for (var a = 0, len = info.length; a < len; a++) {
                        info[a]['numbers'] = 0;
                    }
                    
//                    vm.lists = info;
                });
            }
        };
        shoppingCartJs.cardList();
    });
</script>
</body>
</html>